<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		#box{
			text-align:center;
			line-height:400px;
			color:red;
			font-size:20px;
		}
	</style>
</head>
<body>
	<div class="on" id="cc">
		点击这里
	</div>	
</body>
	<script type="text/javascript" src="./alert.js"></script>
	<script type="text/javascript">
		var as = getClass('div','on')[0].innerHTML;
		function getClass(tagname, className) { //tagname指元素，className指class的值
			//判断浏览器是否支持getElementsByClassName，如果支持就直接的用
			if (document.getElementsByClassName) {
				return document.getElementsByClassName(className);
			}else {    //当浏览器不支持getElementsByClassName的时候用下面的方法
				var tagname = document.getElementsByTagName(tagname);  //获取指定元素
				var tagnameAll = [];     //这个数组用于存储所有符合条件的元素
				for (var i = 0; i < tagname.length; i++) {     //遍历获得的元素
					if (tagname[i].className == className) {     //如果获得的元素中的class的值等于指定的类名，就赋值给tagnameAll
						tagnameAll[tagnameAll.length] = tagname[i];
					}
				}
				return tagnameAll;
			}
		}

		
		// var cc = document.getElementById("cc");
	</script>
</html>
